<include file="public@head"/>
<block name="seo">
    <title>{$site_info.site_name|default=''}-日记</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/timeline.css"/>
</block>
<div class="doc-container" id="doc-container">
    <div class="container-fixed">
        <div class="timeline-box shadow">
            <div class="timeline-main">
                <h1><i class="fa fa-clock-o"></i>日记</h1>
                <div class="timeline-line"></div>
                <div class="timeline-year">
                    <foreach name="year" key="k" item="ye">

                        <h2><a class="yearToggle">{$ye} 年</a><i class="fa fa-caret-down fa-fw"></i></h2>
                        <div class="timeline-month">
                            <ul>
                                <foreach name="msg" key="m" item="ms">
                                    <if condition="$ye eq $ms['year']">
                                        <li>
                                            <div class="h4 animated fadeInLeft">
                                                <p class="date">{:date('m月d日', $ms['create_time'])}</p>
                                            </div>
                                            <p class="dot-circle animated "><i class="fa fa-dot-circle-o"></i></p>
                                            <div class="content animated fadeInRight">{$ms['msg']}</div>
                                            <div class="clear"></div>
                                        </li>
                                    </if>

                                </foreach>
                            </ul>
                        </div>

                    </foreach>

                </div>
                <h1 style="padding-top:4px;padding-bottom:2px;margin-top:40px;"><i class="fa fa-hourglass-end"></i>THE
                    START</h1>
            </div>
        </div>
    </div>
</div>
<include file="public@foot"/>


<block name="js">
    <script src="__TMPL__/public/assets/js/plugins/blogbenoitboucart.min.js"></script>
</block>